<template>
  <!--
  mixin：混入：
     作用：抽离组件中的js部分（包括：生命周期，计算属性等...）
     使用：
        局部混入：只能用于当前组件
          mixins:[导入的混入js]
        全局组件：可以用于所有组件
          Vue.mixin(导入的js)
     特点：出现命名冲突，以当前组件为主,内部数据（不同组件使用混入时）互相不产生影响
 -->
  <div>
    <h2>{{ num }}</h2>
    <button @click="addNum">点击</button>
    <button @click="xxxfn">点击</button>
  </div>
</template>
<script>
import mixinjs from './mixins/index'
export default {
  mixins: [mixinjs],
  data () {
    return {
      num: 999
    }
  }
}
</script>
<style></style>
